<template>
  <div class="founder">
    <img
      class="founder-avatar"
      :src="founder.avatar"
      alt="头像"
    >
    <span class="founder-username">{{founder.userName}}</span>
  </div>
</template>

<script>
export default {
  name: 'MeetingFounder',
  props: {
    founder: {
      type: Object,
      default: () => ({
        avatar: '',
        userName: '用户名'
      })
    }
  }
}
</script>

<style lang="scss" scoped>
.founder {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  .founder-avatar {
    width: 50px;
    height: 50px;
    border: 2px solid #ccc;
    border-radius: 50%;
    margin-right: 10px;
  }
}
</style>
